{include file="public/mobileheader"}
<style>
    body{
        padding-top: 50px;
    }
    .mui-icon{
        display: inline-block;
        text-align: center;
    }
    .margin-top{
        margin-top: 12px;
    }

    .head-img {
        width: 50px;
        height: 50px;
        margin-right: 5px;
        border-radius: 2px;
    }
    .center-top{
        padding:5px 9px 2px;
        background: #ffffff;
        margin: 3px 2px;
    }
    .padding2{
        padding-top: 5px;
    }
</style>

<body>
<header class="mui-bar mui-bar-nav">
    <a onclick="window.history.go(-1)" class="mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">我的代理商</h1>
</header>

{volist name = 'list' id = 'vo'}
<div class="center-top">
    <a href="{:url('agentDetail',array('id' => $vo['id']))}">
        <span class="mui-icon mui-icon mui-icon-arrowright mui-pull-right margin-top"></span>
        <img class="mui-media-object mui-pull-left head-img" src="">
        <div class="mui-media-body padding2">
            <span>{$vo['name']}</span>
            <span style="margin-left: 5px;">{$vo['create_time']|changeTimeStamp}</span>
            <p class='mui-ellipsis'>电话号码：{$vo['mobile']}</p>
        </div>
    </a>
</div>
{/volist}

{include file="public/nav"}
</body>

{include file="public/mobilefooter"}
<script>
    $('#purchase').click(function() {
        var params  = {
            url : "{:url('agentOrder')}",
            data: $('form').serialize(),
            type: 'post',
            sCallback:function(res){
                dialog.success(res.msg);
            }
        };
        common.request(params);
    });
</script>

</html>